﻿body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{ margin:0; padding:0;}
img{ border:0;}
ol,ul{ list-style:none;}
h1,h2,h3,h4,h5,h6{ font-size:100%; font-weight:normal;}
address,caption,cite,code,dfn,em,strong,th,var{ font-style:normal; font-weight:normal;}
table{ border-collapse:collapse; border-spacing:0;
    width: 1410px;
}
a{ text-decoration:none; outline:none; color:#333;}
a:hover{ color:#1cb177;}
.fl{ display:inline; float:left;}
.fr{ display:inline; float:right;}
.clearfix:after{ display:block; content:"."; height:0; overflow:hidden; clear:both;}
.clearfix{ *zoom:1;}
.wrapper{ width:1200px; margin:0 auto;}
.hide{ display:none;}
.mlr5{ margin:0 5px;}
.mt20{ margin-top:20px;}
.mt40{ margin-top:40px;}
.mr20{ margin-right:20px;}
.ml90{ margin-left:90px;}
.ml140{ margin-left:140px;}
.green{ color:#1cb177;}
.orange{ color:#ff4e00;}
.gray{ color:#666;}
.bggrey{ background:#f9f9f9;}
.tc{ text-align:center;}
::-moz-selection{ background:#1cb177; color:#fff; text-shadow:none;}
::selection{ background:#1cb177; color:#fff; text-shadow:none;}
body{ font:12px/1.5 "Microsoft YaHei", arial,simsun,sans-serif; color:#333; background:#fff;}

.sina,.blog{ background:url(../images/hd-icon.png) no-repeat;}
.header{ height:39px; line-height:39px; border-bottom:1px solid #ccc; background-color:#f8f8f8;}
.head,.head a{ color: #666;}
.head a.grey{ color:#999;}
.head a:hover{ color:#1cb177;}
.head span{padding:0 15px;}
.hd-logo{ display:block; width:210px; height:39px; padding-left:10px; background:url(../images/hd-logo.png) left center no-repeat;}
.hd-subnav{ float:left; width:90px; height:28px; padding-top:12px; position:relative; text-align:center; z-index:300;}
.hd-subnav.cur{ z-index:300;}
.login-area{ padding-right:15px;}
.hd-guide{ display:block; height:15px; line-height:15px;border-left:1px solid #ccc; padding:0 15px; cursor:pointer; overflow:hidden;}
.hd-subnav ul{ width:89px; padding:5px 0; line-height:25px; border: solid 1px #e1e1e1; border-top:0; background-color:#f8f8f8; position:absolute; top:39px; left:0; z-index:301; display:none;}
.abt-lk{ padding-right:5px;}
.abt-lk a{ margin:0 5px;}
.abt-lk a.first{ margin-left:15px;}
.bor-rt{ border-right:1px solid #ccc;}
.sina{ background-position:7px 4px; text-indent:15px;}
.blog{ background-position:7px -32px; text-indent:15px;}
.evm{ height:75px; overflow:hidden;}
.evm img{ width:75px; height:75px; margin-left:7px;}

.topbar{ width:100%; height:60px; background:#27303f;}
.topbar .logo{ width:200px; height:60px;}
.topbar .nav{ margin-left:150px; height:60px;}
.topbar .nav a{ float:left; display:block; padding:0 20px; font:20px/60px "Microsoft YaHei"; color:#eee;}
.topbar .nav a.selected,.topbar .nav a:hover{ color:#fff; background:#373a47;}
.search{ margin:15px 20px 0 0; width:250px; height:30px;}
.search .select{position:relative; width:50px; text-indent:10px; cursor:pointer; z-index:100;}
.search .select dt{ position:relative; width:50px; height:30px; line-height:30px; color:#fff; background:#1cb177 url(../images/icon.png) no-repeat 40px 0; z-index:99;}
.search .select dd{ position:absolute; left:0; top:30px; display:none; background:#fff;}
.search .select dd ul li{ width:50px; line-height:30px;}
.search .select dd ul li:hover{ color:#fff; background:#1cb177;}
.search .searchform{ width:200px; height:30px; line-height:30px; background:#fff;}
.searchform .searchtext{ padding:0 10px; width:150px; height:30px; line-height:30px; color:#999; border:0; outline:0;}
.searchform .searchsub{ width:30px; height:30px; border:0; outline:0; cursor:pointer; background:url(../images/icon.png) no-repeat 5px -30px;}
.login{ width:120px; height:60px;}
.login .btn{ float:left; display:inline; margin:15px 0 15px 10px; width:50px; height:30px; line-height:30px; text-align:center; color:#fff; background:#1cb177; cursor:pointer;}
.login .btn:hover{ color:#fff; background:#ff4e00;}
.login .message,.login .userpic{ position:relative; float:left; width:60px; height:60px; cursor:pointer; z-index:100;}
.login .message .bell{ display:block; margin:15px; width:30px; height:30px; background:url(../images/icon.png) no-repeat 5px -60px;}
.login .msg-num{ position:absolute; top:10px; left:25px; width:30px; height:15px; line-height:15px; color:#fff; text-align:center; border-radius:4px; background:#ff4e00;}
.login .message .dropdown{ position:absolute; top:60px; left:-240px; width:300px; background:#373a47; opacity:0.9; filter:alpha(opacity=90);}
.login .message .notice li{ float:left; width:300px; height:50px;}
.login .message .notice li a{ display:block; padding:0 20px; font:14px/50px "Microsoft YaHei"; color:#fff;}
.login .message .notice li a:hover,.login .userpic .usermenu li a:hover{ color:#fff; background:#262635;}
.login .hover{ background:#373a47;}
.login .userpic img{ margin:15px; width:30px; height:30px; border-radius:15px; vertical-align:middle;}
.login .userpic .dropdown{ position:absolute; top:60px; left:-80px; width:140px; color:#fff; background:#373a47; opacity:0.9; filter:alpha(opacity=90);}
.login .userpic .welcome{ padding:10px; width:120px; height:40px; line-height:20px;}
.login .userpic .usermenu li{ position:relative; float:left; width:140px; height:50px;}
.login .userpic .usermenu li a{ display:block; padding-left:50px; font:14px/50px "Microsoft YaHei"; color:#fff;}
.login .userpic .usermenu li.first a{ color:##1cb177;}
.login .userpic .usermenu li i{ position:absolute; top:10px; left:20px; width:30px; height:30px; background:url(../images/icon.png) no-repeat;}
.login .userpic .usermenu li .basket{ background-position:-30px 0;}
.login .userpic .usermenu li .bookstore{ background-position:-60px 0;}
.login .userpic .usermenu li .books{ background-position:-90px 0;}
.login .userpic .usermenu li .income{ background-position:-120px 0;}
.login .userpic .usermenu li .exit{ background-position:-150px 0;}
.login .userpic .usermenu li .msg-num{ top:8px; left:90px;}
.menu{ position:relative; width:120px; height:60px; color:#fff; text-align:center; z-index:100;}
.menu a{ font:14px/60px "Microsoft YaHei"; color:#fff;}
.menu .backhome i{ display:block; float:left; margin:15px 0; width:20px; height:30px; background:url(../images/books-icon.png) no-repeat;}
.menu .homepage{ display:none;}
.menu a:hover,.topbar .on a{ color:#fff; background:#212533; transition:all 0.3s linear;}
.menu .submeun{ position:absolute; top:60px; left:0; width:120px;}
.menu .submeun li{ float:left; width:120px; height:60px;}
.menu .submeun li a{ display:block; background:#212533;}
.menu .submeun li a:hover{ background:#2e333f;}
.footer{ padding:30px 0; text-align:center; line-height:25px; border-top:1px solid #ccc;margin-top: 20px\9;}
.footer img{ margin:10px 2px;}
.footer a{ font-size:14px;}
.footer .grey{ color:#c6c6c6; margin:10px 0;}
.footer .qr-mobile {position: relative}
.footer .qr-mobile .qr {display: none;position: absolute;top: -160px;left: -90px;z-index: 10;width: 150px;height: 150px;border: 1px solid #ccc}
.footer .qr-mobile .qr img {margin: 0; width: 150px;height: 150px}
.footer .qr-mobile:hover .qr {display: block}
#dialog-overlay { position:absolute; top:0; left:0; display:none; width:100%; height:100%; opacity:0.6; filter:alpha(opacity=60); background:#000; z-index:1000;}
#dialog-box{ position:fixed; _position:absolute; top:100px; left:50%; display:none; margin-left:-300px; width:600px; box-shadow:0 2px 4px #333; background:#fff; z-index:2000;}
#dialog-box h2{ height:60px; font:24px/60px "Microsoft YaHei"; color:#fff; text-align:center; background:#1cb177;}
#dialog-box #close{ position:absolute; top:15px; right:40px; display:block; width:30px; height:30px; background:url(../images/icon.png) no-repeat; background-position:-120px -60px; cursor:pointer;}
#dialog-box .dialog-bd{ padding:40px 60px ; width:480px; }
.login-group{ position:relative; margin-bottom:30px; line-height:40px; clear:both;text-align: center;}
.login-group h3{ font:18px/30px "Microsoft YaHei";}
.login-group a{ color:#188eee;}
.login-group a:hover{ text-decoration:underline;}
.login-group i{ position:absolute; top:0; left:0; display:block; width:30px; height:40px; background:url(../images/icon.png) no-repeat;}
.login-group .user-icon{ background-position:-30px -60px;}
.login-group .pwd-icon{ background-position:-60px -60px;}
.login-group .vcode-icon{ background-position:-90px -60px;}
.login-group .ipt{ float:left; padding-left:36px; width:460px; height:40px; font:16px/40px "Microsoft YaHei"; border:0; border-bottom:1px solid #e3e3e3; outline:0;}
.login-group .ipt.vcode{ width:200px;}
.login-group .vcodeimg{ margin:0 15px;}
.loginbtn{ width:500px; height:50px; font:20px/50px "Microsoft YaHei"; color:#fff; text-align:center; border:0; outline:0; background:#1cb177; cursor:pointer;}
.loginbtn:hover,.loginbtn:active{ background:#47bc4a;}
.reg-tip{ font-size:14px;font-family: "Microsoft YaHei";line-height: 44px;}
.dialog-bd .form-group label{ margin:0 10px 0 40px; font-size:14px;}
.dialog-bd .form-group .upload{ margin:0 10px; height:33px;}
.dialog-bd .form-group .checking{ width:60px; height:35px; font:14px/35px "Microsoft YaHei";  border:1px solid #dcdcdc; background:#f8f8f8;}
.dialog-bd .title{ margin:0 40px; width:720px; height:30px; font:14px/30px "Microsoft YaHei"; text-align:center; background:#dcdcdc;}
.dialog-bd .title .blue{ margin-right: 20px; color:#0455a1;}
.dialog-bd .title .red{ color:#ec1d23;}
.dialog-bd .com-con span,.dialog-bd .com-con a,.dialog-bd .com-con1 span,.dialog-bd .com-con1 a{ font:14px/30px "Microsoft YaHei";} 
.dialog-bd .com-con span{display:inline-block; width:82px; text-align:right;}
.dialog-bd .com-con1 span,.dialog-bd .com-con1 a{ line-height:24px;}
.dialog-bd .com-con1{width:700px; height:50px; margin-left:40px; margin-bottom:20px; white-space:nowrap; overflow-x:scroll;}



.mtie40 {*margin-top:40px;}
.conent {margin:0px;padding:0px;width:100%;}
    .conent .right {width:50px;height:20px;float:right;background-color:#1cb177;text-align:center;color:#fff;}
    .conent .conent_1 {font-size:18px;font-weight:bolder;margin-top:-10px;}
    .conent .book ul li{float:left;width:100px;margin:20px 40px;height:140px;}
    .conent .middle, .boom {clear:both;}
    .conent ul .ali{float:left; padding-top:4px; width:80px; font-size:18px; margin-left:20px; }
    .conent ul .inputli{float:right; padding-top:4px;height:40px;}
    .conent ul .inputli1{
    padding-top:10px;float:right;
    }
.table {clear:both;width:100%;}
    .table table {
    width:100%;
    }
    .table tr {height:40px;border:1px solid #ccc;}
    .table td {text-align:center;}
       